<?php
include 'header.php';
?>
<section id="home">
	<div class="container">
		<div class="row">
			<div class="col-lg-6 col-md-8">
				<h1 class="text-uppercase">
					Retenha, Fidelize e<br />
					<strong>Converta Mais</strong>
				</h1>
				<h3>
				A plataforma de engajamento para<br />
				você impactar seu consumidor de forma<br />
				<strong>personalizada, inteligente </strong>e <strong>multicanais.</strong>
				</h3>
				<a href="http://dito.com.br" target="_blank"><button type="button" class="btn btn-primary btn-lg bg-color text-uppercase">Quero testar agora</button></a>
			</div>	
		</div>
	</div>	
</section>
<a href="javascript:void(0);"><div class="ball arrow"></div></a>
<section id="cta">
	<div class="container">
		<div class="row">
			<h1 class="text-uppercase text-center">A plataforma da Dito se adapta às suas necessidades<br />
				<strong>de negócio. Veja alguns exemplos</strong>
			</h1>	
		</div>
	</div>	
</section>
<section id="examples">
	<div class="row">
		<div class="col-lg-4 col-md-4 text-center cont">
			<div class="item a">
				<i><img src="assets/images/icon_ecommerce.png" /></i>
				<h2 class="text-uppercase"><strong>E-commerce</strong></h2>
				<p>Quero vender mais para minha <br/>base de consumidores.</p>				
			</div>	
			<div class="over">
				<!-- <button type="button" class="btn btn-primary btn-lg text-uppercase">Testar</button> -->
			</div>
		</div>
		<div class="col-lg-4 col-md-4 text-center cont">
			<div class="item b">
				<i><img src="assets/images/icon_midia.png" /></i>
				<h2 class="text-uppercase"><strong>Mídia</strong></h2>
				<p>Quero conhecer o perfil do meu público<br />e aumentar minha audiência.</p>
			</div>
			<div class="over">
				<!-- <button type="button" class="btn btn-primary btn-lg text-uppercase">Testar</button> -->
			</div>	
		</div>
		<div class="col-lg-4 col-md-4 text-center cont">
			<div class="item c">
				<i><img src="assets/images/icon_saas.png" /></i>
				<h2 class="text-uppercase"><strong>Sass</strong></h2>
				<p>Quero reduzir o chum e trabalhar<br />o sucesso do meu cliente.</p>
			</div>
			<div class="over">
				<!-- <button type="button" class="btn btn-primary btn-lg text-uppercase">Testar</button> -->
			</div>	
		</div>
		<div class="col-lg-4 col-md-4 text-center cont">
			<div class="item d">
				<i><img src="assets/images/icon_educacao.png" /></i>
				<h2 class="text-uppercase"><strong>Educação</strong></h2>
				<p>Quero reter mais alunos inscritos.</p>
			</div>
			<div class="over">
				<!-- <button type="button" class="btn btn-primary btn-lg text-uppercase">Testar</button> -->
			</div>	
		</div>
		<div class="col-lg-4 col-md-4 text-center cont">
			<div class="item e">
				<i><img src="assets/images/icon_imoveis.png" /></i>
				<h2 class="text-uppercase"><strong>Imóveis</strong></h2>
				<p>Quero estar sempre próximo dos potenciais<br />clientes ao longo do ciclo de compra.</p>
			</div>
			<div class="over">
				<!-- <button type="button" class="btn btn-primary btn-lg text-uppercase">Testar</button> -->
			</div>	
		</div>
		<div class="col-lg-4 col-md-4 text-center cont">
			<div class="item f">
				<h1 class="text-uppercase"><strong>E para o<br />seu negócio</strong></h1>
			</div>	
		</div>		
	</div>
</section>
<section id="test">
	<div class="container">
		<div class="row arrows">
			<div class="col-lg-5 col-md-5 text-right">
				<h1 class="text-uppercase">Dados</h1>
				<hr />
				<h4>Conheça o perfil dos seus consumidores,
					crie segmentos dinâmicos, acompanhe as
					interações conversões e receita.</h4>
			</div>
			<div class="col-lg-2 col-md-2 reload">
				<img src="assets/images/setas.png" />
			</div>
			<div class="col-lg-5 col-md-5 text-left">
				<h1 class="text-uppercase">Ação</h1>
				<hr />
				<h4>Conecte-se com seus clientes usando<br/>
				uma comunicação direcionada<br/>
				e multicanal.</h4>
			</div>	
		</div>
		<div class="row circles">
			<div class="col-lg-5 col-md-5 items right">
				<div class="row">
					<div class="col-lg-2 col-md-2">
						<img src="assets/images/icon_dados1.png"/>
					</div>
					<div class="col-lg-9 col-md-9">
						<p>Informações sobre audiência e perfil detalhado das pessoas.</p>
					</div>
				</div>
				<div class="row">
					<div class="col-lg-2 col-md-2">
						<img src="assets/images/icon_dados2.png"/>
					</div>
					<div class="col-lg-9 col-md-9">
						<p>Enriquecimento de base de dados com Facebook Social Login.</p>
					</div>
				</div>
				<div class="row">
					<div class="col-lg-2 col-md-2">
						<img src="assets/images/icon_dados3.png"/>
					</div>
					<div class="col-lg-9 col-md-9">
						<p>Segmentação por característica e comportamento.</p>
					</div>
				</div>
				<div class="row">
					<div class="col-lg-2 col-md-2">
						<img src="assets/images/icon_dados4.png"/>
					</div>
					<div class="col-lg-9 col-md-9">
						<p>Acompanhamento de interações em tempo real.</p>
					</div>
				</div>
				<div class="row">
					<div class="col-lg-2 col-md-2">
						<img src="assets/images/icon_dados5.png"/>
					</div>
					<div class="col-lg-9 col-md-9">
						<p>Tracking do Lifetime Value dos consumidores.</p>
					</div>
				</div>
			</div>
			<div class="col-lg-2 col-md-2 central">
				<img src="assets/images/circle.png" />
			</div>
			<div class="col-lg-5 col-md-5 items left">
				<div class="row">
					<div class="col-lg-2 col-md-2">
						<img src="assets/images/icon_acao1.png"/>
					</div>
					<div class="col-lg-9 col-md-9">
						<p>Automação de marketing para engajamento 1a1.</p>
					</div>
				</div>
				<div class="row">
					<div class="col-lg-2 col-md-2">
						<img src="assets/images/icon_acao2.png"/>
					</div>
					<div class="col-lg-9 col-md-9">
						<p>Mensagens personalizadas<br/>por e-mail.</p>
					</div>
				</div>
				<div class="row">
					<div class="col-lg-2 col-md-2">
						<img src="assets/images/icon_acao3.png"/>
					</div>
					<div class="col-lg-9 col-md-9">
						<p>Notificações push para<br/>apps mobile.</p>
					</div>
				</div>
				<div class="row">
					<div class="col-lg-2 col-md-2">
						<img src="assets/images/icon_acao4.png"/>
					</div>
					<div class="col-lg-9 col-md-9">
						<p>Notificações direcionadas<br/>no Facebook.</p>
					</div>
				</div>
				<div class="row">
					<div class="col-lg-2 col-md-2">
						<img src="assets/images/icon_acao5.png"/>
					</div>
					<div class="col-lg-9 col-md-9">
						<p>Anúncios com Facebook Custom Audiences.</p>
					</div>
				</div>			
			</div>			
		</div>
		<br />
		<br />
		<br />
		<div class="row">
			<div class="col-lg-6 col-md-6">
				<img src="assets/images/maciphone.png" />
			</div>
			<div class="col-lg-3 col-md-4 col-md-offset-1 col-lg-offset-1">
				<a href="http://dito.com.br" target="_blank"><button type="button" class="btn btn-primary btn-lg bg-color btn-block text-uppercase">Quero testar agora</button></a>
				<hr />
				<a href="http://dito.com.br"  target="_blank"><h4 class="text-center text-uppercase" style="color: #555555; text-decoration: none;">
					Conheça melhor<br />o produto&nbsp;<i><img src="assets/images/arrowconhecagreen.png" /></i>
				</h4></a>
			</div>
		</div>
	</div>
</section>
<section id="testmonial">
	<div class="container">
		<div class="row">
			<h1 class="text-center text-uppercase">
				Grandes marcas melhoram<br /><strong>resultados com a Dito</strong>
			</h1>
			<hr />			
		</div>
		<div class="row">
			<div class="col-lg-4 col-md-4">
				<div id="slider">
					<div class="item text-center">
						<img src="assets/images/testimonial_aspas.png" class="aspas" />
						<p><img src="assets/images/testimonial02.png" /></p>
						<p><strong>Matheus Goyás</strong><br />
						<em>CSO & Founder do AppProva</em></p>
						<p class="desc">Sem a Dito o AppProva não estaria tão próximo dos mais de 300 mil alunos que usam nossa ferramenta!</p>
					</div>
					<div class="item text-center">
						<img src="assets/images/testimonial_aspas.png" class="aspas" />
						<p><img src="assets/images/testimonial01.png" /></p>
						<p><strong>Dário Placidi</strong><br />
						<em>Coordenador de Marketing na Ingresso.com</em></p>
						<p class="desc">Com a plataforma da Dito, conseguimos personalizar e criar campanhas segmentadas com entrega em multicanais.</p>
					</div>
				</div>
				<div class="controls"></div>				
			</div>
			<div class="col-lg-6 col-md-8 col-lg-offset-1">
				<ul>
					<li>
						<img src="assets/images/cliente01.png" />
						<div class="over text-center">
							<p><strong>Tim</strong></p>
							<!-- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> -->
						</div>	
					</li>
					<li>
						<img src="assets/images/cliente02.png" />
						<div class="over text-center">
							<p><strong>MRV Engenharia</strong></p>
							<!-- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> -->
						</div>	
					</li>
					<li>
						<img src="assets/images/cliente03.png" />
						<div class="over text-center">
							<p><strong>Sebrae</strong></p>
							<!-- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> -->
						</div>	
					</li>
					<li>
						<img src="assets/images/cliente04.png" />
						<div class="over text-center">
							<p><strong>ingresso.com</strong></p>
							<!-- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> -->
						</div>	
					</li>
					<li>
						<img src="assets/images/cliente05.png" />
						<div class="over text-center">
							<p><strong>AppProva</strong></p>
							<!-- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> -->
						</div>	
					</li>
					<li class="text-left bg-color-b read">
						<a href="http://dito.com.br"  target="_blank"><h3 class="text-uppercase" style="color: #FFFFFF; text-decoration: none;">
						Conheça todos<br />os nossos cases 
						<i><img src="assets/images/arrowconhecagreen.png" /></i>
						</h3></a>
					</li>		
				</ul>	
			</div>
		</div>
	</div>
</section>
<div class="ball green"></div>
<section id="you">
	<div class="container">
		<div class="row">
			<h1 class="text-center text-uppercase">
				Você no comando
			</h1>
			<hr />
			<h4 class="text-center">Acesso simples aos dados e autonomia para disparar campanhas sem depender da área de TI.</h4>
		</div>
		<div class="row">
			<div class="col-lg-4 col-md-4 text-center">
				<div class="circle">
					<img src="assets/images/comando01.png" />
					<h3 class="text-uppercase padding">Segurança</h3>
				</div>
			</div>	
			<div class="col-lg-4 col-md-4 text-center">
				<div class="circle">
					<img src="assets/images/comando02.png" />
					<h3 class="text-uppercase">Fácil<br />Integração</h3>
				</div>	
			</div>
			<div class="col-lg-4 col-md-4 text-center">
				<div class="circle">
					<img src="assets/images/comando03.png" />
					<h3 class="over text-uppercase">Sucesso<br />do Cliente</h3>
				</div>
			</div>	
		</div>	
		<div class="row">
			<div class="col-lg-4 col-md-4 col-lg-offset-4 col-md-offset-4 text-center">
				<a href="http://dito.com.br"  target="_blank"><button type="button" class="btn btn-primary btn-lg btn-block bg-color text-uppercase">Quero saber mais</button></a>
			</div>	
		</div>
	</div>
</section>
<div class="ball grey"></div>
<?php
include 'super-footer.php';
include 'footer.php';
?>